<template>
  <div class="footer">
    <div class="footer-container">
<!--      <div class="footerList">-->
<!--        <div class="footerItem">-->
<!--          <h4>关于我们</h4>-->
<!--          <ul class="footerItemCon">-->
<!--            <li>公司介绍</li>-->
<!--            <li>联系我们</li>-->
<!--            <li>诚聘英才</li>-->
<!--            <li>网站地图</li>-->
<!--          </ul>-->
<!--        </div>-->
<!--        <div class="footerItem">-->
<!--          <h4>产品与服务</h4>-->
<!--          <ul class="footerItemCon">-->
<!--            <li>人才招聘</li>-->
<!--            <li>企业招聘</li>-->
<!--          </ul>-->
<!--        </div>-->
<!--        <div class="footerItem">-->
<!--          <h4>使用与帮助</h4>-->
<!--          <ul class="footerItemCon">-->
<!--            <li>账号注销</li>-->
<!--            <li>意见反馈</li>-->
<!--            <li>发票制度</li>-->
<!--            <li>防骗指南</li>-->
<!--            <li>法律协议</li>-->
<!--            <li>资质公示</li>-->
<!--          </ul>-->
<!--        </div>-->
<!--        <div class="footerItem">-->
<!--          <h4>帮助中心</h4>-->
<!--&lt;!&ndash;          <img src="./images/wx_cz.jpg"/>&ndash;&gt;-->
<!--        </div>-->
<!--      </div>-->
      <div class="copyright">
        <ul class="helpLink">
          <li>
            关于我们
            <span class="space"></span>
          </li>
          <li>
            联系我们
            <span class="space"></span>
          </li>
          <li>
            企业入驻
            <span class="space"></span>
          </li>
          <li>
            营销中心
            <span class="space"></span>
          </li>
          <li>
            友情链接
            <span class="space"></span>
          </li>
        </ul>
        <p>地址：哈尔滨理工大学西区七公寓203</p>
        <p>京ICP备19006430号</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "index",
}
</script>

<style scoped lang="less">
.footer {
  background-color: #eaeaea;

  .footer-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;

    .footerList {
      padding: 20px;
      border-bottom: 1px solid #e4e1e1;
      border-top: 1px solid #e4e1e1;
      overflow: hidden;
      padding-left: 40px;

      .footerItem {
        width: 16.6666667%;
        float: left;

        h4 {
          font-size: 14px;
        }

        .footerItemCon {
          li {
            line-height: 18px;
          }
        }

        &:last-child img {
          width: 121px;
        }
      }
    }

    .copyright {
      padding: 20px;

      .helpLink {
        text-align: center;

        li {
          display: inline;

          .space {
            border-left: 1px solid #666;
            width: 1px;
            height: 13px;
            background: #666;
            margin: 8px 10px;
          }
        }
      }

      p {
        margin: 10px 0;
        text-align: center;
      }
    }
  }
}
</style>